<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文本修饰</title>
</head>

<body>
    <p>
        <strong>这是一段需要强调的文本</strong>
    </p>
    <p>
        <em>这是一段需要强调的文本</em>
    </p>
    <p>
        <!-- 上标 -->
        a<sup>2</sup>+ b<sup>2</sup>=c<sup>2</sup>
    </p>
    <p>
        <!-- 下标 -->
        H<sub>2</sub>O
    </p>
    <p>
        <!-- 删除文本 -->

    </p>
    <p>
        <!-- 插入文本 -->
        促销: 原价<del>300</del>,现价<ins>100</ins>
    </p>
</body>

</html>